<template>
	<div class="addContainer">
		<div class="addHead">
			<div class="addLeft">
				<router-link to="/layout/service">
					<img src="../../assets/images/serviceimg/jiantou_03.png" alt="">
				</router-link>	
			</div>
			<div class="addTitle">
				<p>选择机构</p>
			</div>
			<div class="addRight">
				<p>北京市</p>
			</div>
		</div>
		<div class="shousuo">
			<img class="ssimg" src="../../assets/images/serviceimg/jiantou_03.png" alt="">
			<input type="text"  placeholder="搜索">
		</div>
		<div class="jigou">
			<input type="text" class="jigou1" value="" placeholder="(宽带) 中国电信集团">
			<input type="text" placeholder="(宽带) 中国联合网络通信有限公司北京分公司">
		</div>
	</div>	
</template>
<script>
export default{
	name:'jigouxuanze',
	data(){
		return{

		}
	}
}	
</script>
<style scoped lang='less'>
.addContainer{
	overflow: hidden;
	background-color: #e6e6e6;
	height: 667/50rem;
}
	.addHead{
			width:100%;
			height:50/50rem;
			background:#ff5555;
			// position: fixed;
			top:0;
			left: 0;
			overflow: hidden;
			z-index: 666;
			line-height: 50/50rem;
			color:#ffffff;
			div{
				float: left;

			}
			.addLeft{
				
				margin-left: 20/2/50rem;
				margin-right: 28/2/50rem;
				img{
					width: 35/2/50rem;
					height: 30/2/50rem;
					
				}
			}
			.addTitle{
				p{
					margin-right: 380/2/50rem;
					font-size: 30/2/50rem;
				}
			}	
	}
	.shousuo{
		margin-top: 20/50rem;
		margin-left: 74/2/50rem;
		width: 530/2/50rem;
		height:55/2/50rem;
		margin-bottom: 20/50rem;
		position: relative;
		.ssimg{
			position: absolute;
			top: 0;
			left: 0;
		}
		input{
			width: 100%;
			height:100%;
			padding-left:80/2/50rem;
			border-radius: 15/2/50rem;
			border:none;

		}
	}
	.jigou{
		width:100%;
		height:180/2/50rem;
		input{
			width:100%;
			height:80/2/50rem;
			font-size:13/2/50rem;
			padding-left:40/2/50rem;
			border:none;

		}
		.jigou1{
			margin-bottom:20/2/50rem;
		}

	}
</style>